<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>作业测试</title>
   <meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">   

    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="../luwukeji/HomePublic/css/swiper.min.css">

    <!-- Demo styles -->
    <style>
        html, body {
            position: relative;
            height: 100%;
        }

        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .swiper-container {
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .cursor {
            cursor: pointer;
        }
    </style>
</head>
<body>
<!-- Link CommandCenter CSS -->

<link rel="stylesheet" href="../luwukeji/HomePublic/css/CommandCenter.css">
<div class="CommandCenter0">
    <ul class="CommandCenter1">
        <li class="CommandCenter2" data-hash="logo">
        		<span class="cursor" title="logo" style="" onclick="clickPageJump('0')">
					<img src="../luwukeji/HomePublic/img/1.jpg" style="width:auto;height:50px;"/>
				</span>
        </li>
        <li class="CommandCenter3" data-hash="index">
        		<span class="cursor" title="首页" style="text-decoration:none;" onclick="clickPageJump('0')">
					<b>首页</b>
				</span>
        </li>
        <li class="CommandCenter4" data-hash="about">
        		<span class="cursor" title="关于我们" onclick="clickPageJump('1')">
        			<b>关于我们</b>
        		</span>
        </li>
        <li class="CommandCenter5" data-hash="product">
        		<span class="cursor" title="应用场景" onclick="clickPageJump('2')">
        			<b>应用场景</b>
        		</span>
        </li>
        <li class="CommandCenter6" data-hash="news">
        		<span class="cursor" title="新闻资讯" onclick="clickPageJump('3')">
        			<b>新闻资讯</b>
        		</span>
        </li>
        <li class="CommandCenter7" data-hash="partner">
        		<span class="cursor" title="精彩案例" onclick="clickPageJump('4')">
        			<b>精彩案例</b>
        		</span>
        </li>
        <li class="CommandCenter8" data-hash="contact">
        		<span class="cursor" title="联系我们" onclick="clickPageJump('5')">
        			<b>联系我们</b>
        		</span>
        </li>
        <li class="CommandCenter8" data-hash="contact">
        		<span class="cursor" title="联系我们" onclick="clickPageJump('5')">
        			<b>联系我们</b>
        		</span>
        </li>
        <li class="CommandCenter9" data-hash="contact">
        		<span class="cursor" title="联系我们" onclick="clickPageJump('6')">
        			<b>联系我们</b>
        		</span>
        </li>
        <li class="CommandCenter10" data-hash="contact">
        		<span class="cursor" title="联系我们" onclick="clickPageJump('7')">
        			<b>联系我们</b>
        		</span>
        </li>
    </ul>
</div>


<div class="swiper-container">
    <div class="swiper-wrapper">
        
        <div class="swiper-slide minwidth" style="background: url(../luwukeji/HomePublic/img/2.jpg);">
				<span class="Barracks0">
				<span class="Barracks1">
					老刘，下午晚安。
				</span>
                    </br></br></br>
                    <span class="Barracks2">
					未来VR，从现在，跟未来打声招呼吧。
				</span>
                    </br></br></br></br></br></br>
                    <span class="Barracks3">
					<button onclick="clickPageJump('1')">了解更多</button>
				</span>
				</span>
        </div>

        <div class="swiper-slide" style="background: url(../luwukeji/HomePublic/img/1.gif);display:block;">
            	<div class="EngineeringBay00">
            		<img src="../luwukeji/HomePublic/img/3.jpg"/>f
            	</div>
            <div class="EngineeringBay0">
            		国内顶尖VR行业应用解决方案服务商
                </br></br></br>
                <span class="EngineeringBay1">
            			
            		</span>
            		<span class="EngineeringBay2">
            			未来VR有限公司利用3D全景技术与虚拟现实（VR）技术构建的国内领先的全景和虚拟现实服务公司，
            			为客户提供VR全景拍摄、VR全景推广、企业VR网站制作、广告策划VR、VR广告设计宣传、VR产品推广、
            			品牌营销策划、VR宣传策划、企业VR全景制作、企业VR制作、企业VR拍摄的发布和分享。
            			我们秉着诚信、创新、开放、深耕的态度，为餐饮，家居，旅游，房地产，汽车，医疗，学校，酒店，
            			会所等行业客户提供稳定可靠的诚信服务。我们，让互联网更真实。
            		</span>
            		<span class="Barracks3">
					<button onclick="clickPageJump('2')">了解更多</button>
					</span>
            </div>
        </div>
        <div class="swiper-slide minwidth" style="background: url(../luwukeji/HomePublic/img/4.jpg);">
            <link rel="stylesheet" href="../luwukeji/HomePublic/css/lunbocss/shutter.css">

            <span class="shutter">
				<span class="shutter-img">
  					<a href="#" data-shutter-title="Iron Man"><img
                            src="../luwukeji/HomePublic/img/lunboimg/shutter_1.jpg" alt="#"></a>
  					<a href="#" data-shutter-title="Super Man"><img
                            src="../luwukeji/HomePublic/img/lunboimg/shutter_2.jpg" alt="#"></a>
  					<a href="#" data-shutter-title="The Hulk"><img
                            src="../luwukeji/HomePublic/img/lunboimg/shutter_3.jpg" alt="#"></a>
  					<a href="#" data-shutter-title="The your"><img
                            src="../luwukeji/HomePublic/img/lunboimg/shutter_4.jpg" alt="#"></a>
				</span>
					<ul class="shutter-btn">
  						<li class="prev"></li>
  						<li class="next"></li>
					</ul>
						<span class="shutter-desc">
  							<p>Iron Man</p>
								
						</span>
				
				</span>
            <span style="width: 4rem;position: absolute;bottom: 4rem;">
					<span class="Armory0">
						<button onclick="clickPageJump('3')">了解更多</button>
					</span>
				</span>
            </span>
            <script src="../luwukeji/HomePublic/js/lunbojs/jquery.min.js"></script>
            <!-- 引用JS 出错 -->
            <!--
            <script src="../luwukeji/HomePublic/js/xuantingjs/jquery.min.js"></script>
            -->
            <script src="../luwukeji/HomePublic/js/lunbojs/velocity.js"></script>
            <script src="../luwukeji/HomePublic/js/lunbojs/shutter.js"></script>
            <script>
                $(function () {
//	console.log($('.shutter'))
                    $('.shutter').shutter({
                        shutterW: 1000, // 容器宽度
                        shutterH: 358, // 容器高度
                        isAutoPlay: true, // 是否自动播放
                        playInterval: 3000, // 自动播放时间
                        curDisplay: 3, // 当前显示页
                        fullPage: false // 是否全屏展示
                    });
                });
            </script>
        </div>

        <div class="swiper-slide minwidth" style="background-image: url(../luwukeji/HomePublic/img/1.gif);">
            <div class="Factory">
                <font style="font-weight:bold;font-style:italic;color: white;">社员风采</font>
            </div>
            <link rel="stylesheet" href="../luwukeji/HomePublic/css/xuantingcss/xuantingdemo.css">
            <div class="wrapper">
                <ul style="margin-top:5em;">
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic1.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    老刘，真的土豪
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic2.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture2
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic3.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture3
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic4.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture4
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic2-1.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture5
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic2-2.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture6
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic2-3.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture7
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic2-4.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture8
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic3-1.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture9
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic3-2.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture10
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic3-3.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture11
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class='xuanting'>
                        <div class='picBox'>
                            <div class='show'>
                                <image height='175px' width='175px'
                                       src='../luwukeji/HomePublic/img/xuantingimg/pic3-4.png'></image>
                            </div>
                            <div class='hide'>
                                <h3>
                                    Picture12
                                </h3>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <script src="../luwukeji/HomePublic/js/xuantingjs/xuantingdemo.js"></script>
        </div>

        <div class="swiper-slide minwidth" style="background-color:#000;">
            <link rel="stylesheet" href="../luwukeji/HomePublic/css/mofangcss/mofangcss.css">
            <div class="box">
                <ul class="minbox">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ol class="maxbox">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
            </div>
        </div>

        <div class="swiper-slide minwidth">
            <link rel="stylesheet" type="text/css" href="../luwukeji/HomePublic/css/6/css/normalize.css"/>
            <link rel="stylesheet" type="text/css" href="../luwukeji/HomePublic/css/6/css/default.css">
            <style type="text/css">
                #myCar {
                    width: 1000px;
                    height: 447px;
                    margin: 0 auto;
                }
            </style>
            <div class="htmleaf-container">
                <div class="htmleaf-content bgcolor-3">
                    <h2>使用鼠标来旋转汽车！</h2>
                    <div id="myCar">
                    </div>
                </div>
            </div>
            <script type="text/javascript" src="../luwukeji/HomePublic/js/6/js/3deye.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function () {
                    $("#myCar").vc3dEye({
                        imagePath: "../luwukeji/HomePublic/img/6/img/",
                        totalImages: 51,
                        imageExtension: "png"
                    });
                });
            </script>
        </div>
        <div class="swiper-slide minwidth" style="background-color:#000;">
            <script src="../luwukeji/HomePublic/js/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
            <link rel="stylesheet" href="../luwukeji/HomePublic/js/bootstrap-3.3.7-dist/css/bootstrap.css">
            <link rel="stylesheet" href="../luwukeji/HomePublic/js/bootstrap-3.3.7-dist/css/bootstrap-theme.css">
            <link rel="stylesheet" href="../luwukeji/HomePublic/img/7/images/image-hover.css">
            <div class="image-con col-12">
                <div class="img col-2" id="img-1">
                    <div class="mask"></div>
                    <img src="../luwukeji/HomePublic/img/7/images/01.jpg">
                </div>
                <div class="img col-2" id="img-2">
                    <div class="mask"></div>
                    <img src="../luwukeji/HomePublic/img/7/images/07.jpg">
                </div>
                <div class="img col-2" id="img-3">
                    <div class="mask" id="mask-1"></div>
                    <div class="mask" id="mask-2"></div>
                    <img src="../luwukeji/HomePublic/img/7/images/05.jpg">
                </div>
                <br>

                <div class="img col-2" id="img-4">
                    <div class="mask"></div>
                    <img src="../luwukeji/HomePublic/img/7/images/04.jpg">
                </div>
                <div class="img col-2" id="img-5">
                    <div class="mask"></div>
                    <img src="../luwukeji/HomePublic/img/7/images/06.jpg">
                </div>
                <div class="img col-2" id="img-6">
                    <div class="mask"></div>
                    <img src="../luwukeji/HomePublic/img/7/images/08.jpg">
                </div>
            </div>
            <style>
                .image-con{
                    overflow: hidden;
                }
                .img{
                    margin: 0 auto;
                }
                @media only screen and (max-width: 860px){
                    .img{
                        width: 126px;
                    }
                    .img .mask{
                        width: 129px;
                    }
                    .img img{
                        width: 126px;
                    }
                }
            </style>
        </div>

        <div class="swiper-slide minwidth" style="display: flex">
            <div id="page1" style="width: 600px">
                <iframe align="center" width="100%" height="600em" src="../luwukeji/HomePublic/html/baidumap.html"
                        frameborder="yes" border="1em" marginwidth="0" marginheight="0" scrolling="no"
                        style="margin-top: 7em;"
                ></iframe>
            </div>
            <div class="textarea">
                <textarea name="text" id="textarea" placeholder="You can type words at here！" cols="" rows=""></textarea>
            </div>
            <style>
                #page1{

                }
                .textarea{
                    flex: 1;
                    height: 100%;
                }
                .textarea textarea{
                    background: #000;
                    color: #fff;
                    width: 100%;
                    height: 100%;
                    padding-top: 80px;
                    font-size: 2em;
                }
                ::-webkit-input-placeholder { /* WebKit browsers */
                    color:    #ccc;
                }
                :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                    color:    #ccc;
                }
                ::-moz-placeholder { /* Mozilla Firefox 19+ */
                    color:    #ccc;
                }
            </style>
        </div>
        <div class="swiper-slide minwidth" style="display: block;padding-top: 200px">
            <div style="font-size: 4em;font-weight: 300">&lt;&nbsp; / &nbsp;&gt;</div>
            <br>
            <div style="font-size: 3em;font-weight: 300"> &copy; Coding By XXX</div>
            <div class="footer" style="position: relative;bottom: -200px;font-size: 0.8em">
                <span>©2018 </span>
                <a href="#" target="_blank">首页</a>
                <a href="#" target="_blank">推广</a>
                <a href="#" target="_blank">关于我们</a>
                <a href="#" target="_blank">联系我们</a>
                <a href="#" target="_blank">常见问题</a>
                <a href="#" target="_blank">意见反馈</a>
                <a href="#" target="_blank">使用必读</a>
                <a href="#" target="_blank">ICP-X备-XXXXXX号</a>

            </div>
            <style>
                .footer a{
                    color: #999999;
                }
            </style>
        </div>
    </div>

    <div class="swiper-pagination"></div>

</div>

<!-- Swiper JS -->
<script src="../luwukeji/HomePublic/js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        direction: 'vertical',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        mousewheelControl: true
    });

    function clickPageJump(index) {
        swiper.slideTo(index, 1000, false);
    }
</script>

</body>
</html>